.rankFen {
  .bg {
    width: 100%;
    height: 388rpx;
    display: block;
    background-size: 100% 100%;
  }

  .rank_list {
    transform: translateY(-104rpx);
    padding: 0 24rpx;

    .rank_item {
      display: flex;
      width: 702rpx;
      height: 272rpx;
      background: #FFFFFF;
      border-radius: 16rpx;
      margin-bottom: 16rpx;
      position: relative;
      overflow: hidden;

      .rank_bg {
        position: absolute;
        width: 702rpx;
        height: 272rpx;
        z-index: 1;
      }

      .rank_icon {
        width: 42rpx;
        height: 48rpx;
        background-size: 100% 100%;
        position: absolute;
        top: 24rpx;
        left: 32rpx;
        z-index: 15;
      }
      
      .right {
        width: 36rpx;
        height: 36rpx;
        position: absolute;
        right: 24rpx;
        bottom: 24rpx;
        z-index: 10;
      }
      
      .item_l {
        position: relative;
        z-index: 10;
        width: 166rpx;
        height: 192rpx;
        border-radius: 8rpx;
        margin-top: 40rpx;
        margin-left: 54rpx;
        image {
          width: 100%;
          height: 100%;
        }
      }

      .item_r {
        position: relative;
        z-index: 10;
        flex: 1;
        margin-left: 52rpx;
        margin-top: 32rpx;
        margin-right: 42rpx;

        .tit {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 28rpx;
          color: #111111;
          line-height: 40rpx;
        }

        .info {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 24rpx;
          color: #FA4743;
          line-height: 34rpx;
          margin-top: 8rpx;
        }
      }
    }
  }
}